<template>
  <div class="check">
    <div class="check-head">
        <router-link to="/reportforms/payrevenue">年份报表</router-link>
        <router-link to="/reportforms/payrevenuemonth">月份报表</router-link>
        <router-link to="/reportforms/payrevenueyear">类别报表</router-link>
      </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>


<style lang="less" scoped>
.check {
  .check-head {
      display: flex;
      // width: 45%;
      height: 2rem;
      line-height: 2rem;
      text-align: center;
      margin: 0 auto;
      background-color: #201f1f;
      a {
        display: block;
        flex: 1;
        color: #fff;
        border-bottom: 1px solid #ccc;
      }
    }
}

a.router-link-exact-active {
  border-bottom: 1px solid #e6e6e6;
}
</style>